<template>
  <u-popup
    round="6"
    :show="showVerifyPopup"
    mode="center"
    @close="closeConfirmDeletePopup"
    :customStyle="{
      'min-height': '10vh'
    }"
  >
    <view class="verify-skill-popup">
      <view class="popup-title">温馨提示</view>
      <view class="content-table">您的下列技能可验证</view>
      <scroll-view scroll-y="true" class="scroll-Y" style="maxHeight: 50vh">
        <view class="content-table content">
          据类维修
        </view>
      </scroll-view>
      <view class="confirm-btn" @click="handleGoVerify">去验证</view>
    </view>
  </u-popup>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  computed: {
    showVerifyPopup: {
      get() {
        return this.show;
      },
      set(val) {
        this.$emit("update:show", val);
      },
    },
  },
  mounted() {},
  methods: {
    // 关闭
    closeConfirmDeletePopup() {
      this.showVerifyPopup = false;
    },
    // 去验证
    handleGoVerify() {
      this.showVerifyPopup = false;
      uni.redirectTo({
        url: '/pages/drawerPage/exercises/index'
      })
    }
  },
};
</script>

<style lang="scss" scoped>
.verify-skill-popup {
  padding: 52rpx 32rpx;
  box-sizing: border-box;
  .popup-title {
    font-size: 32rpx;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 40rpx;
  }
  .content-table {
    width: 470rpx;
    padding: 20rpx;
    box-sizing: border-box;
    border: 2rpx solid #ebebeb;
    font-size: 24rpx;
    color: #999;
  }
  .content {
    border-top: none;
    color: #333;
  }
  .confirm-btn {
    width: 470rpx;
    padding: 20rpx 0;
    background: #4da9ea;
    font-size: 28rpx;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    border-radius: 12rpx;
    margin-top: 40rpx;
  }
}
</style>
